<ion-content class="no-padding">
    <header>
        <h3><span *ngIf="isSuccess">采集成功</span><span *ngIf="!isSuccess">采集失败</span></h3>
        <button class="cancel" (click)="toShowAlert()">返回</button>
    </header>
    <div class="result-content">
        <div class="con">
            <div class="head" *ngIf="isSuccess">
                <i class="icon"></i>
                <div class="info">采集成功</div>
            </div>
            <div class="head fail_info" *ngIf="!isSuccess">
                <i class="icon"></i>
                <div class="info" *ngIf="!teshuErr">{{data.errorMassage}}</div>
                <div class="info" *ngIf="teshuErr">
                    <div *ngFor="let iErr of errArr">{{iErr}}</div>
                </div>
            </div>
            <div class="maInfo">
                <div>箱码：<span>{{data.infoData.boxNo}}</span></div>
                <div>产品名称：<span>{{data.infoData.productName}}</span></div>
                <div>已采集：<span>{{data.infoData.count}}</span></div>
                <div *ngIf="isSuccess"><a href="javascript:void(0);" (click)="toDel()">删除本箱</a></div>
            </div>
            <div class="removeThis()"></div>
        </div>
        <div class="btns">
            <button ion-button class="btn btn1" (click)="ToManagement()">出库</button>
            <button ion-button class="btn btn2" (click)="toScan()">继续</button>
        </div>
    </div>

    <!--返回按钮的弹框-->
    <div class="component-alert" *ngIf="!showAlert1">
        <div id="myBox" class="myBox">
            <div class="tit">退出扫码</div>
            <div class="tips">确定退出吗？<br/>当前扫描进度将被保留</div>
            <div class="btns">
                <button ion-button class="btn btn-cancel" (click)="btnCancel()">取消</button>
                <button ion-button class="btn btn-choose" (click)="btnChoose()">确认</button>
            </div>
        </div>
    </div>
    <!--删除本箱的弹框-->
    <div class="component-alert" *ngIf="!showAlert2">
        <div id="myBox" class="myBox">
            <div class="tit">删除一箱</div>
            <div class="tips">确定从当前出库单删除这箱产品吗？</div>
            <div class="btns">
                <button ion-button class="btn btn-cancel" (click)="btnCancel2()">取消</button>
                <button ion-button class="btn btn-choose" (click)="deleteBox()">确认</button>
            </div>
        </div>
    </div>
    <!--删除失败的弹框-->
    <div class="component-alert" *ngIf="!showAlert3">
        <div id="myBox" class="myBox">
            <div class="tit">{{delTitle}}</div>
            <div class="tips">{{delContent}}</div>
            <div class="btns">
                <button ion-button class="btn btn-cancel" (click)="ToStoragePage()">返回列表</button>
                <button ion-button class="btn btn-choose" (click)="toScan()">继续扫描</button>
            </div>
        </div>
    </div>
</ion-content>
